.container {
    display: flex;
    gap: @padding-middle;
    padding: @padding-middle;
    border-top: 1px solid rgb(228, 230, 235);
    cursor: pointer;
    &:hover{
        background-color: #f7f8fa;
        .rightOp{
            visibility: visible;
        }
    }
    .left {
        flex:1;
        color: rgb(138, 145, 159);
        display: flex;
        flex-direction: column;
        gap: 8px;
        .title {
            font-weight: 600;
            font-size: 16px;
            color: #252933;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }

        .desc {
          flex: 1;
          display: flex;
          gap: 12px;
        }

    }
    .rightOp{
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 16px;
        visibility: hidden;
      }
}